// components/preLoadImage/index.js
const app = getApp()
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    // 占位图
    default: {
      type: String,
      value: 'https://image-classify.daieco.com/kejian-quanzi/uJlnlYYAweo7425a721e93bb55435aa57361227675d0.png'
    },
    // 图片地址
    src: {
      type: String,
      value: ''
    },
    // 图片裁剪缩放模式
    mode: {
      type: String,
      value: 'scaleToFill'
    },
    // 图片是否解析webP格式
    webp: {
      type: Boolean,
      value: false
    },
    // 图片懒加载
    lazyLoad: {
      type: Boolean,
      value: true
    },
    // 图片长按识别
    showMenuByLongpress: {
      type: Boolean,
      value: false
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    // 图片是否加载
    imageLoaded: false,
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 图片加载完成
    imageLoad(event) {
      this.setData({
        imageLoaded: true
      })
      this.triggerEvent('load', event)
    },
    // 图片加载失败
    imageError(error) {
      this.setData({
        imageLoaded: true
      })
      this.triggerEvent('error', error)
    },
  }
})
